<template>
    <div class="resume">
        <div class="resume-body">
            <resume-about></resume-about>
            <resume-content></resume-content>
            <resume-menu></resume-menu>
        </div>
    </div>
</template>

<script>
    import ResumeMenu from "./components/ResumeMenu.vue";
    import ResumeAbout from "./components/ResumeAbout.vue";
    import ResumeContent from "./components/ResumeContent.vue";

    export default {
        name: "Resume",
        components: {
            ResumeMenu,
            ResumeAbout,
            ResumeContent
        },
        data() {
            return {}
        }
    }
</script>

<style scoped>
    .resume {
        width: 100vw;
        height: 100vh;
      background-color: #e8eaec;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .resume-body {
        width: 1280px;
        /*margin: 15px 0;*/
        margin-top: 15px;
        /*margin-bottom: 30px;*/
        overflow: hidden;
        flex-grow: 1;
        display: flex;
        justify-content: space-between;
    }
</style>